<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Button test</title>
<link rel="stylesheet" type="text/css" href="../scrollbox/scrollbox.css" />
<link rel="stylesheet" type="text/css" href="arrowbox.css" />

<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/utils.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/string_enh.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="../wwl.js"></script>

<script type="text/javascript" src="../scrollbox/scrollbox.js"></script>
<script type="text/javascript" src="../scrollbox/scrollbox.templates.js"></script>

<script type="text/javascript" src="arrowbox.js"></script>

<script type="text/javascript">
function init ()
{
	var m = new WWL.arrowbox ( 'prova' );

	m.add_item ( "<h1>1</h1>" );
	m.add_item ( "<h1>2</h1>" );
	m.add_item ( "<h1>3</h1>" );
	m.add_item ( "<h1>4</h1>" );
	m.add_item ( "<h1>5</h1>" );
	m.add_item ( "<h1>6</h1>" );
	m.add_item ( "<h1>7</h1>" );
	m.add_item ( "<h1>8</h1>" );
	m.add_item ( "<h1>9</h1>" );

	m.set_size ( 300, 100 );

	m.render ( "scrollbox1" );
}

</script>
</head>
<body onload="init()">

<div id="scrollbox1" style="position: relative; left: 250px"></div>
</body>
</html>
